html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

//@charset "utf-8";
//@import url("reset-min.css");

@font_family: 'Open Sans',Arial,Helvetica,sans-serif;
@color: #000;

@cor_background: #999;//#373737;
@cor_borda: #AAAAAA;

@cor_background_2: #F7F7F7;
@cor_borda_2 : #999999;

@cor_background_3: #FFF;

@cor_4: #FAFAFA;
@cor_duvida: #666;

@cor_body: #333;

@tam_input: 250px;

@min_width_body:1000px;
@width_topo: @min_width_body;
@width_bar: @min_width_body;
@width_left_bar: 200px;
@width_content: @min_width_body - 20px; 
@width_footer: @min_width_body;

@btn_radius: 4px;
@pdr-radius:4px;

@box-shadow: 0 1px 7px -3px #000000;

html{
    background-color: @cor_4; 
}

body{
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: @font_family; 
    min-width: @min_width_body;   
    color: @cor_body; 
}
a{
    color: @cor_body;
    text-decoration: none;
}

em{ color: #F00; }

.border_padrao(){ 
    border:1px solid @cor_borda;
    .border_radius;
}

h1{
    border-bottom: 1px solid #333333;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

#sis-content {
    width: 100%;
}

#sis-topo{
    padding: 20px 0;
    background-color:@cor_background;
    overflow: hidden;
    border-botton: 1px solid #CCCCCC;
    box-shadow: 0 1px 7px -3px #000000;
    margin-bottom: 10px;
}

#sis-corpo{
    background-color:@cor_4;
    overflow: hidden;
    padding: 0 0 10px;
    width: 1200px;
    margin: 0 auto;
    min-height: 400px;
}

#sis-rodape {
    background-color:@cor_background;
    padding: 30px;
    box-shadow: 0 1px 7px 0 #000000;
}

#sis-rodape_dados {
    overflow:hidden;
    width:80%;
    padding:10px 0;
    text-align:center;
    color: #FFF;
    margin: 0 auto;
}
#sis-rodape_dados a{ color: white; }

.rodape
{
    margin: 60px 0 auto;
    padding-top: 10px;
    border-top: 1px solid #E5E5E5;
    overflow: hidden;
}
.rodape ul{
    margin: 0;
    padding: 0 0 30px 10px;
    width: 400px;
}
.rodape li{
    float: left;
    margin: 0 10px;
    list-style: none;
}

dd{
    margin-bottom: 10px;
}

input[type='text'], input[type='password'], select, textarea{
    -moz-box-sizing: border-box;
    background-color: white;
    border: 3px solid #999;
    border-radius: 6px;
    padding: 5px;
}
input[type='text'], input[type='password'],select
{
    width: 300px; // 40%;
}
input[readonly],select[disabled]{ 
    background-color: #EFEFEF;
    color: @cor_body;
}
textarea{
    resize: none;
}


// tamanhos de campos
input.texto{ width: 78px; }
input.numero{ width: 78px; }
input.cep{ width: 78px; }
input.uf{ width: 36px !important; text-transform: uppercase; }
label.uf{ display: inline-block; padding: 6px 5px 6px 10px; }
.cidade{ width: 228px !important; }
input.data, input.data_ma{ width: 81px !important; }
input.datahora { width: 140px; }
input.hora { width: 50px !important; }
input.valor{ width: 105px; text-align: right; }
input.telefone{ width: 105px; }
input.data_a{ width: 50px; }
input.data_m{ width: 30px; }
input.data_a_{ width: 50px; }
input.data_m_{ width: 30px; }
input.cpf{ width: 108px; }
.tam_med{ width: 150px; }




dt{
    label{
        //font-weight: bold;
        font-size: 15px;
        display: inline-block;
        margin-bottom: 3px;
    }
}

.btn-button, a.btn-button, a.btn-button:link, a.btn-button:visited, a.btn-button:active {  -moz-box-sizing: border-box; border-radius: @btn_radius; border: none; color: white; cursor: pointer; display: block; text-align: center; line-height: 16px; padding: 12px 30px 12px 45px; float: left; margin-right: 10px; }
.btn_hover{ opacity: 0.7; }
.btn-pdr{ .btn-button; float: right; line-height: 30px; height: 30px; padding: 0 20px 0 35px; font-size: 12px; margin: 5px; &:hover{ .btn_hover; } }

.btn-ok{ background: url('../images/sys/add.png') 15px 8px no-repeat #008000;  &:hover{ .btn_hover; } }
.btn-cancel{ background: url('../images/sys/cancel.png') 15px 8px no-repeat #FF0000;  &:hover{ .btn_hover; } }
.btn-camera{ background: url('../images/sys/camera.png') 15px 8px no-repeat #008000;  &:hover{ .btn_hover; } }
.btn-add-list{ .btn-pdr; background: url('../images/sys/accept-icon.png') 12px 7px no-repeat #666; }
.btn-cancel-list{ .btn-pdr; background: url('../images/sys/cancel-icon.png') 12px 7px no-repeat #666; }
.btn-edt-list{ .btn-pdr; background: url('../images/sys/edit-icon.png') 12px 7px no-repeat #666;  }
.btn-book-list{ .btn-pdr; background: url('../images/sys/book-icon.png') 12px 7px no-repeat #666;  }
.btn-frm-pes{ .btn-pdr; background: url('../images/sys/search-icon.png') 12px 7px no-repeat #666; }
.btn-bar-list{ .btn-pdr; background: url('../images/sys/bar-icon.png') 12px 7px no-repeat #666; }

.inp-search
{
    float: right;
    background-image: url("../images/sys/search.png") !important;
    background-position: 7px center !important;
    background-repeat: no-repeat !important;
    border: 2px solid #DEDFE0 !important;
    width: 240px !important;
    height: 30px !important;
    padding: 4px 25px 0 31px !important;
    margin: 5px 5px 5px 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inp-search { 
        padding: 0px 5px 0 30px !important;
        margin: 3px 5px 3px 0;
    }
}
.content-item-search{
    float: right;
    padding: 3px;
}


.content-form {
    background-color: white;
    border: 1px solid #C3C3C3;
    //border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px -3px #000000;
    display: inline-block;
    //padding-bottom: 3px;
    width: 99%;

    h2 {
        padding: 0 0 0 13pxn;
        background-color: #F2F2F3;
        border-bottom: 1px solid #C3C3C3;
        color: #000; //#383A3D;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding-left: 10px;   
    }
    
    form{
        margin: 10px;
        overflow: hidden;
    }
}

.content-table {
    background-color: white;
    border: 1px solid #C3C3C3;
    //border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px -3px #000000;
    display: inline-block;
    //padding-bottom: 3px;
    width: 99%;

    h2 {
        float: left;
        padding: 0 0 0 13pxn;
        
        background-color: #F2F2F3;
        border-bottom: 1px solid #C3C3C3;
        border-right: 1px solid #C3C3C3;
        color: #000; //#383A3D;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        margin: 0;
        width: 500px;
        padding-left: 10px;   
    }

    .t_btn_ac{
        width: 210px;
    }
}

.content-edt-table{
    background-color: white;
    border: 1px solid #C3C3C3;
    box-shadow: 0 1px 4px -3px #000000;
    display: inline-block;
}

#sis-corpo{
    
    table {
        -moz-box-sizing: border-box;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }

    //tr:nth-child(even) { background-color: #EFEFEF; }
    th  {
        -moz-box-sizing: border-box;
        background-color: #888;
        border-right: 1px solid #A4A3A0;
        color: white;
        font-size: 13px;
        font-weight: normal;
        height: 30px;
        line-height: 19px;
        padding: 0 7px 0 13px;
        text-align: left;
        text-shadow: 0 1px 0 #A4A39F;
    }

    td {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        -moz-box-sizing: border-box;
        border-color: -moz-use-text-color -moz-use-text-color #E7E7E7;
        border-image: none;
        border-style: none none solid;
        border-width: 0 0 1px;
        font-weight: normal;
        height: 30px;
        line-height: 19px;
        padding: 0 7px 0 13px;
        text-align: left;
    }
}
.tl-gl-ft{
    padding-top:15px;
    font-size:18px;
}

// estilo form 
.form_ln{
    #hidden-label,#hidden-element {
        display:none !important;
    }
    dt {
        float: left;
        padding-right: 15px;
        padding-top: 6px;
        text-align: right;
        width: 95px;
    }
    dd {
        width:200px;
        float: left;
    }
    #submit-label{
        clear:both;
    }
}

.menu-inicial{
    margin: 0 auto;
 
    li{
        float: left;
        margin: 0 5px 10px;
        list-style: none;
        background-color:#e6e6e6;
        border: 1px solid #8F8F8F;
        border-radius: 5px;
        box-shadow: @box-shadow;

        &:hover{
            background-color:#f7f7f7;
            border:1px solid #fff;
        }
        
        a{
            color: #212121;
            cursor: pointer;
            display: block;
            padding-left: 12px;
            padding-right: 12px;
            padding-top: 64px;
            text-decoration: none;
            margin: 5px 10px;
            min-width: 70px;
            text-align: center;
        }
    }
}

.pagination{
    text-align: center;
    padding:10px;

    .current {
        color: #069;
        font-weight: bold;
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .prdPage {
        padding: 3px 8px; 
        border-radius: 4px;
        text-align: center;
        margin-left: 3px;
        margin-right: 3px;
        font-weight: bold; 
    }

    .numberPage {
        border: 1px solid #CCC;
        background-color: #FFFFFF;
        color: #069;
        .prdPage;       

        &:hover{
            color: #FFFFFF;
            background-color: #069;
        }
    }

    .SetNumberPage {
        border: 1px solid #CCC;
        background-color: #069;
        color: #FFF;
        .prdPage;
    }

}
iframe{
    border:none;
}
.content-rdp{
    //float: right;
}
.btn-img{
    float: right;
    height: 32px;
    padding: 0 20px 0 12px;
    margin: 5px;
}
.return{ background: url('../images/sys/return.png')no-repeat; }

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 5px !important;
    box-shadow: 0 0 7px black;
    //min-width: 55px;
    text-align: center !important;  
    max-width: 130px !important;

    .arrow {
       width: 70px;
       height: 16px;
       overflow: hidden;
       position: absolute;
       left: 50%;
       margin-left: -35px;
       bottom: -16px;
    }
    .arrow.top {
       top: -16px;
       bottom: auto;
    }
    .arrow.left {
       left: 50%;//20%;
    }
    .arrow.center {
       left: 50%;
    }
    .arrow:after {
       content: "";
       position: absolute;
       left: 20px;
       top: -20px;
       width: 25px;
       height: 25px;
       box-shadow: 6px 5px 9px -9px black;
       -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
       tranform: rotate(45deg);
       background:#FFF;

    }
    .arrow.top:after {
       bottom: -20px;
       top: auto;
    }
}
.ui-datepicker-trigger{
    vertical-align: middle;
    margin-left:3px;
}
.ct-mn-ct{
    float: left;
    margin: 20px 0 20px 20px;
    h1{
        border-bottom: 1px solid #999999;
        margin-bottom: 10px;
        padding-bottom: 2px;
        font-weight: bold;
        font-size: 16px;
        display:block !important;
    }
}
.ct-mn-rgt{
    margin-bottom:20px;
}


.cnt_list_gl{
    clear: both;
    padding: 12px 190px;
    overflow: hidden;
    .cnt_gl{
        float:left; 
        position: relative;
        //margin-right: 2px;
        //margin-top: 2px;
        border: 1px solid #999999;
        
        .cnt_btn{
            position: absolute;
            right: 0;

            li {
                cursor: pointer;
                float: left;
                list-style: none outside none;
                margin: 2px;
                padding: 2px;
                position: relative;
                border-radius: @btn_radius;
                border: 1px solid #D3D3D3;
                background: #FFF;
                &:hover{
                    background-color: #efefef;
                    border-color:#999;
                }
            }
            .ord_gal{
                width:30px;
                border:none;
                padding:1px;
            }
        } 

    }
    .pqn{
        float: left; 
        img{
            width:196px;
            height:196px;
        }
    }        

    .gnd{
        float: left;
        img{
            width:394px;
            height:394px;
        }
    }
}
.errors{
    color: #FF0000;
}
.alertForm{
    color: #FF0000;
    margin-bottom: 10px;
}

.content_pes_av {
    position: relative;

    .btn_pes_av
    {
        margin-right: 2px;
        margin-top: 1px;
        position: absolute;
        right: 0;  
        padding: 12px 8px 11px;
        cursor:pointer;

        span{
            background: url('../images/sys/seta_pes.png') 6px 12px no-repeat transparent;
            padding: 7px 10px;

            &:hover{
                background: url('../images/sys/seta_pes_sel.png') 6px 12px no-repeat transparent;
            }
        }   
    }
    .content_it_pes{
        display: none;
        padding: 10px;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 2px solid #DEDFE0;
        margin-right: 5px;
        position: absolute;
        right: 0;
        top: 36px;
        width: 500px;
        min-height: 50px;

        box-shadow:0px 0px 10px #CCC;
        -moz-box-shadow:0px 0px 10px #CCC;
        -webkit-box-shadow:0px 0px 10px, #CCC;

        p{
            padding: 2px 0;
        }

        .tl{
            font-weight: bold;
            padding: 0 0 10px;
        }
        .btn-frm-pes{
            margin-top: 20px;
            float: left;
        }
        input[type="text"], input[type="password"], select {
            border: 2px solid #DEDFE0;
            border-radius: @pdr-radius;
            padding: 1px;
        }
        label{ margin-right: 5px; }
        label.r_md{
            display: inline-block;
            text-align: right;
            width: 115px;
        }
    }
}

.ajimg{
    background: url('../images/loader.gif') no-repeat transparent;
    display: inline-block;
    height: 16px;
    margin-left: 3px;
    vertical-align: middle;
    width: 16px;
}
.ajax_16 {
    display:inline-block;
    height:16px;
    width:16px;
    vertical-align:middle;
}
.ajx_img {
  background:url('../images/sys/search-icon.png') top center no-repeat;
  .ajax_16;
}
.ajx_ok {
  background:url('../images/sys/ok.png') top center no-repeat;
  .ajax_16;
}
.frm_mc{
    min-width: 400px;
    #form_minhaconta{
        display: none;
    }
    .edt_frm_mc{
        float: right;
        text-decoration: underline;
    }
}